{% extends 'base2.html' %}
{% block title %}
<title>Console</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
		//<![CDATA[
		google.load("jquery", "1.2.3");
		//]]>
</script>
<script type="text/javascript" src="http://json-sans-eval.googlecode.com/svn/trunk/src/json_sans_eval.js"></script>
<script>
$(document).ready(function(){
	function showValues() {
		var query = $("input[type='text']");
		var x = new Array();
		for(var k in query){
			x.push(k.val().value);
		}
		alert(x);
		return x;
	}
	$("#submit").click(function(event){
		var intext = showValues();
		$("#result").text(intext.toString());
	});
});
</script>
<style type="text/css" media="screen">
	.card {
		float: left;
		margin-right: 10px;
		text-align: center;
		font-size: 12px;
	}
	.card input {
		height: 18px;
		width: 20px;
		margin:0;
		padding:0;
	}
	.blank {
		clear:both;
	}
</style>
{% endblock %}
{% block contents %}
<div id="result"></div>
<div id="main">
	<div id="cards">
	{% for card in items %}
		{% ifchanged card.category %}<div class="blank"></div><br />{% endifchanged %}
		<div class="card">
			<b class="{{ card.quantity }}"><a href="http://www.armory-light.com/items/{{card.identity}}/#interactive">{{ card.title }}</a></b>
			<input type="text"/>
		</div>
	{% endfor %}
	<div class="blank"></div>
	<a href="#" id="submit">Submit</a>
	</div>
</div>
{% endblock %}